<template>
  <div class="container">
    <!-- 左侧分类导航 -->
    <HomeCategory></HomeCategory>
    <!-- 轮播 -->
    <HomeBanner></HomeBanner>
    <!-- 新鲜好物 -->
    <HomeNew></HomeNew>
    <!-- 人气推荐 -->
    <HomeHot></HomeHot>
    <!-- 剩下楼层 -->
    <HomeProuduct></HomeProuduct>
  </div>
</template>

<script>
import HomeBanner from './components/home-banner.vue'
import HomeCategory from './components/home-category.vue'
import HomeNew from './components/home-new.vue'
import HomeHot from './components/home-hot.vue'
import HomeProuduct from './components/home-product.vue'
// import { getCurrentInstance } from 'vue'
export default {
  components: {
    HomeCategory,
    HomeBanner,
    HomeNew,
    HomeHot,
    HomeProuduct
    // XtxSkeleton
  }
  /*   setup () {
      // const thisVue = getCurrentInstance()
      // return {}
    } */
}
</script>

<style lang="less" scoped>
// 手动引入less文件=>使用里面定义less全局变量
// @import "~@/style/variables.less";
/* .h {
  border: 2px solid @sucColor;
} */
</style>
